module.exports = {
  // publicPath: '/my-app/', // 打包后讲影响代码的引入路径,默认为/

  // pages: {
  //   entry: 'src/index/main.js',
  //   template: 'public/index.html',
  //   filename: 'index.html',
  // },

  lintOnSave: true,
  productionSourceMap: false, // 不需要map文件,可以加速构建
  devServer: {
    proxy: {
      '/': {
        // target: 'http://localhost:3000/',
        target: 'http://43.138.154.74',
        changeOrigin: true,
      },
    },
  },

  css: {
    loaderOptions: { // 全局引入样式
      sass: {
        prependData: `
          @use "@/style/rest.scss" as *;
          @use "@/style/var.scss" as *;
          @use "@/style/element-rest.scss" as *;
        `,
      },
    },
  },

  // 原理将第三方包不打入vendors,
  // 但是需要在index.html中使用cdn引入，并且main.js需要改为requier引入

  // chainWebpack: config => {
  //   const externals = {
  //     Vue: 'Vue',
  //     'element-ui': 'Element',
  //     'vue-router': 'VueRouter',
  //   }

  //   config.externals(externals)
  // },
}
